import React, { Component } from 'react';
import './css/substyle.css';
import CommonHeader from './common';
import { Layout,message } from 'antd';
import $ from 'jquery';

const {
  Header,Content,Footer
} = Layout;

class StudentInfo extends Component {
  
  constructor(props){
    super(props);
    this.state = {
        student:{},
    }
}

componentDidMount(){
    this.getdata(this.props.match.params.id)
}

getdata = (id) =>{
    let url = global.url;
    $.ajax({
        url: `${url}/student/${id}`,
        type : `GET`,
        success : (data) => {
            if(data.code === 200){
                let studentlist = data.student;
                this.setState({
                    student:studentlist,
                });
            }else {
              message.warning("获取数据失败，请联系管理员",2);
            }
        },
        error:() => {message.error("获取数据失败，请检查网络连接",2);}
    });
}

accept() {
  let url = global.url;
  if(this.state.student.state!==undefined){
    if(this.state.student.state==0){
       $.ajax({
      url: `${url}/accept/${this.props.match.params.id}`,
      type : `GET`,
      success : (data) => {
          if(data.code === 200){
              message.success("通过成功",2);
              this.getdata(this.props.match.params.id);
          }else {
            message.warning("修改数据失败，请联系管理员",2);
          }
      },
      error:() => {message.error("发送数据失败，请检查网络连接",2);}
     });
    }
  }
 
}

reject() {
  let url = global.url;
  if(this.state.student.state!==undefined){
    if(this.state.student.state==1){
       $.ajax({
      url: `${url}/reject/${this.props.match.params.id}`,
      type : `GET`,
      success : (data) => {
          if(data.code === 200){
              message.success("驳回成功",2);
              this.getdata(this.props.match.params.id);
          }else {
            message.warning("修改数据失败，请联系管理员",2);
          }
      },
      error:() => {message.error("发送数据失败，请检查网络连接",2);}
     });
    }
  }
 
}

renderInfo = () => {
  const { student } = this.state;
  let type;
  let scholarship = ["无","专业学习类奖学金","科技实践类奖学金","社会公益类奖学金","校园文化类奖学金"];
  if( student.id !==undefined )
    type = 
    <div class="body container">
      <h1>学生个人信息审核</h1>
      <h2>提交于：{student.modification_time}</h2>
      <div className="student-info">
          <img src={student.photo} />
          <div className="basic-info">
            <ul>
              <li>姓名：{student.student_name}</li>
              <li>学号：{student.id}</li>
              <li>挂科情况：{student.fail_number?`${student.fail_number}门`:`无`}</li>
              <li>违纪情况：{student.break_rule?`有违纪情况`:`无违纪情况`}</li>
              <li>推荐奖学金种类：{scholarship[student.scholarship_type]}</li>
              <li>欠费情况：{student.arre?`欠费${student.arre}元`:`无`}</li>
            </ul>
            <ul>
              <li>品德测评分数：{student.ml}</li>
              <li>科技实践分数：{student.tech}</li>
              <li>身心测评分数：{student.health}</li>
              <li>社会公益分数：{student.society}</li>
              <li>校园文化分数：{student.culture}</li>
              <li>课程学习测评分数：{student.study}</li>
            </ul>
          </div>    
      </div>
      <p>个人申请阐述</p>
      <div class="text">
          <p>
              {student.apply}
          </p>
      </div>
      <button onClick={() => this.reject()}>{student.state?"驳  回":"已 驳 回"}</button>
      <button onClick={() => this.accept()}>{student.state?"已 通 过":"通  过"}</button>
    </div>;
    
  return type;
}

  render() {
    return (
      <Layout>
        <Header className="header"><CommonHeader></CommonHeader></Header>
          <Content>
            {this.renderInfo()}
            {/*<div class="body container">
                <h1>学生个人信息审核</h1>
                <h2>提交于：2018年12月1日 19:00</h2>
                <div className="student-info">
                    <img src="https://i.loli.net/2019/02/28/5c77aa084a196.png" />
                    <div className="basic-info">
                      <ul>
                        <li>姓名：李狗蛋</li>
                        <li>学号：2017002354</li>
                        <li>挂科情况：无</li>
                        <li>违纪情况：无</li>
                        <li>推荐奖学金种类：专业学习类奖学金</li>
                        <li>欠费情况：无</li>
                      </ul>
                      <ul>
                        <li>品德测评分数：100</li>
                        <li>科技实践分数：98</li>
                        <li>身心测评分数：99</li>
                        <li>社会公益分数：84</li>
                        <li>校园文化分数：84</li>
                        <li>课程学习测评分数：89</li>
                      </ul>
                    </div>    
                </div>
                <p>个人申请阐述</p>
                <div class="text">
                    <p>
                        新华社北京4月23日电中共中央总书记、国家主席、中央军委主席习近平近日作出重要指示强调，要结合实施农村人居环境整治三年行动计划和乡村振兴战略，进一步推广浙江好的经验做法，建设好生态宜居的美丽乡村。习近平指出，浙江省15年间久久为功，扎实推进“千村示范、万村整治”工程，造就了万千美丽乡村，取得了显著成效。我多次讲过，农村环境整治这个事，不管是发达地区还是欠发达地区都要搞，但标准可以有高有低。要结合实施农村人居环境整治三年行动计划和乡村振兴战略，进一步推广浙江好的经验做法，因地制宜、精准施策，不搞“政绩工程”、“形象工程”，一件事情接着一件事情办，一年接着一年干，建设好生态宜居的美丽乡村，让广大农民在乡村振兴中有更多获得感、幸福感。浙江省自2003年实施的“千村示范、万村整治”工程有力支撑浙江乡村面貌、经济活力、农民生活水平走在全国前列，为我国建设美丽中国、实施乡村振兴战略等带来实践经验。截至2017年底，浙江省累计有2.7万个建制村完成村庄整治建设，占全省建制村总数的97%；74%的农户厕所污水、厨房污水、洗涤污水得到有效治理；生活垃圾集中收集、有效处理的建制村全覆盖，41%的建制村实施生活垃圾分类处理。
                    </p>
                </div>
                <button>驳&nbsp;&nbsp;回</button>
                <button>通&nbsp;&nbsp;过</button>
    </div>*/}
          </Content>
        <Footer><div className="copyright"><p>版权所有 © 2019-现在 shijiewubaiqiang.top</p></div></Footer>
      </Layout>
    );
  }
}

export default StudentInfo;
